@charset "utf-8";
.zico{ background: url(../images/ico.png) no-repeat;}

/*top*/
.logotop{ background: url(../images/logobg.jpg) center center no-repeat; height: 288px;}
.charitablenav{ background: #ca1818; height: 56px; bottom: 0; left: 0; right: 0;}
.charinav span{ width: 126px; height: 56px; line-height: 56px; text-align: center; margin-right: 22px; cursor: pointer;}
.charinav span:last-child{ margin-right: 0;}
.charinav .chardefalut,.charinav span:hover{ background: #fe4040;}
.indexico{ width: 28px; height: 28px; background-position: 0  0; vertical-align: text-bottom; margin-right: 10px;}
.charinavchild{ display: none; top: 56px; left: 0; width: 126px; right: 0; margin: 0 auto; background: rgba(185,14,14,0.7); z-index: 12;}
.charinav span:hover .charinavchild{ display: block;}
.charinavchild a:hover{ background: rgba(256,64,64,0.7);}

/*columnpage*/
.charimain{ background: url(../images/topbg.jpg) center center no-repeat; height: 730px;}
.charicontent{ padding: 0 20px; top: 0; left: 0; right: 0; z-index: 10;}
.charitfl{ width: 310px; }
.coluntitle{border: #e2e2e2 solid 1px; margin-bottom: 3px;}
.charitfr{ width: 666px; border: #e2e2e2 solid 1px; }
.coluntitle{background: url(../images/bgline_03.jpg); height: 53px; line-height: 53px;}
.charitfrlist{ border-top: #E2E2E2 solid 1px; padding: 20px 0 30px 15px;}
.listico{ width: 11px; height: 11px; background-position: 0 -113px; vertical-align: middle;}
.charitfrlist ul { padding-right: 20px;}
.charitfrlist ul li a abbr{ width: 450px; vertical-align: middle;}
.charitfrlist ul li a { margin-top: 15px; color: #7a7a7a; overflow: hidden; border-bottom:  #ddd dashed 1px; padding-bottom: 10px;}
.columnspage{ margin-top: 100px;}
.columnspage a{ width: 37px; height: 37px; line-height: 37px; border: #e6e6e6 solid 1px; margin-right: 8px;}
.columnspage .pageup,.columnspage .pagedown{ width: 80px;}
.columnspage a em{ font-family: "宋体"; color: #aaaaaa; font-size: 14px;}
.columnspage .pagedefalut{ background: #ca1818; color: #fff;}
.columnspage span,.columnspage .sumibt,.columnspage a{ font-family: "宋体";}
.tiaozhuanpage{ width: 40px; height: 30px; line-height: 30px;border: #e6e6e6 solid 1px;}
.columnspage .sumibtn{background: #ca1818;width: 45px;height: 30px;line-height: 30px;}
.coluntitle .cishanxiangmu{ background: #ca1818; width: 125px;}
.coluntitle span{ width: 200px;}
.coluliistico{ width: 24px; height: 25px; background-position: 0 -44px;}
.coludefalut{ display: none; background: url(../images/coliline.jpg); height:55px; width: 100%; left: 0; top: 0;}
.coluliisticode{background-position: 0 -75px;}
.charityproject .coluntitles:nth-of-type(2) .coludefalut{ display: block;}
.zixunmore{ color: #b7b7b7; font-size: 15px;}
.informationlist{ border: #E2E2E2 solid 1px;}
.zixunlist{ margin-bottom: 10px;}
.zixunlist abbr{ color: #7a7a7a; width: 180px;}
.zixunico{ width: 10px; height: 10px; background-position: 0 -134px;}
.zixuntime{ color: #b7b7b7; margin-top: 2px;}
.zixunhot,.zixunhot img{ width: 93px; height: 60px;}
.zixunconten p{ width: 180px;}
.informationlist a:first-child{ margin-bottom: 25px;}
.coluntitlezjs{ margin-bottom: 1px;}
.charicontentzjs{ left: 0; right: 0;}
.coluliisticopro{background-position: 0 -152px; vertical-align: sub; margin-right: 10px;}


/*foot*/
.charitfooter{ background: #ca1818; margin-top: 100px; padding: 25px 0;}
.footnav{ background: url(../images/footnavbg_03.png) no-repeat; width: 968px; height: 48px;}
.footnav a{ height: 48px; line-height: 48px; width: 100px; position: relative;}
.footnav a:after{ content: ''; position:absolute; top: 18px; right: 0;border-right: #d22020 solid 1px; width: 1px; height: 15px;}
.footnav a:last-child:after{ border-right: 0;}


/*banner*/
.jssort01 .p {position: absolute; top: 0;  left: 0;  width: 82px; height: 82px;}
.jssort01 .t {position: absolute; top: 0; left: 0; border: none;  width: 84px; height: 84px;}
.jssort01 .w {position: absolute; top: 0px;  left: 0px;   width: 81px; height: 81px;}
.jssort01 .w img{ width: 80px; height: 80px;}
.jssort01 .c {position: absolute; top: 0px; left: 0px; border:none; box-sizing: content-box; }
.jssort01 .pav{  top: 2px;  _top: 0px; left: 2px;  _left: 0px;width: 80px; height: 80px;border: #f00 solid 1px; }
.jssort01 .pav .jiantoudefalut{ display: block;}
.jssort01{ position: relative;}
#j-focusPic{position:relative;overflow:hidden;width:970px;height:350px;}
#j-focusPic .j-slider{position:absolute;width:1000000px;}
#j-focusPic .j-item{display:block;float:left;width:970px;height:350px;overflow:hidden;}
#j-focusPic .j-info{height:85px;}
#j-focusPic	.j-infocontainer{display:none;}
#j-focusBtns .j-container{position:relative;height:70px;width:350px;padding:0px;padding-top:10px;}
#j-focusBtns .j-slider{position:absolute;}	
#j-focusBtns .pre a,#j-focusBtns .next a{cursor:pointer;}
#j-focusBtns .on-1 a{background-position:-84px -46px;cursor:default;}
#j-focusBtns .on-2 a{background-position:-123px -46px;cursor:default;}
#j-hitshow .j-container{position:relative;width:968px;height:180px;overflow:hidden;}
#j-hitshow .j-slider{position:absolute;width:10000px;}
#j-hitshow .a1.disable{background-position:-10px -10px;cursor:default;}
#j-hitshow .a1.disable:hover{background-position:-10px -10px;}
#j-hitshow .a2.disable{background-position:-23px -10px;cursor:default;}
#j-hitshow .a2.disable:hover{background-position:-23px -10px;}
.jiantoudefalut{display: none;  width: 0; position: absolute; top: -10px; z-index: 999; left: 0; right: 0; margin: 0 auto; height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-bottom: 10px solid #ca1818;}






/*columnlist*/
.listpro,.listtext{ width: 197px;}
.listtitle{width: 177px; bottom: 0; left: 0; background: rgba(0,0,0,0.5); height: 45px; line-height: 45px; padding: 0 10px;}
.listtext p{ color: #7a7a7a;}
.charitfrlistzjs ul li .listdetailbtn{ background: #d3d3d3; color: #fff; border: none; width: 100%; height: 40px; line-height: 40px; padding-bottom: 0;}
.charitfrlistzjs ul li{ width: 197px; display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px;}
.charitfrlistzjs ul li:nth-child(3n){ margin-right: 0;}
.charitfrlistzjs ul li .listdetailbtn:hover{ background: #ca1818;}



/*index*/
.headlines{ padding-top:35px;}
.headlinestext p{ color: #7A7A7A;}
.headlinestext a{ color: #ca1818;}
.headlinescont{ color: #b7b7b7;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.noticelf{ width: 406px;}
.noticefr{ width: 565px;}
.notice{ margin-top: 35px;}
.noticelist a:first-child{ margin-bottom: 14.5px;}
.noticelist  .zixunlist{ margin-bottom: 14.5px;}
.noticelist .zixunlist abbr{ width: 230px;}
.noticelist .zixuntime{ margin-right: 20px;}
/*index-banner*/
#banner { position: relative; width: 564px; height: 405px; overflow: hidden; }
#banner_bg {  position: absolute; bottom: 0; background-color: #000; height: 47px; filter: Alpha(Opacity=60); opacity: 0.6; z-index: 1000; cursor: pointer; width: 100%; }
#banner_info {position: absolute;bottom: 0;left: 20px;height: 47px;color: #fff;z-index: 1001;cursor: pointer;line-height: 47px;font-size: 16px;}
#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
#banner ul { position: absolute; list-style-type: none; z-index: 1002; margin: 0; padding: 0; bottom: 15px; right: 5px; }
#banner ul li {width: 11px;height: 11px;line-height: 11px;float: left;display: block;color: #FFF;background: #fff;cursor: pointer;text-align: center;font-size: 16px;margin-right: 7px;}
#banner ul li.on {background: #c91717;}
#banner_list a { position: absolute; }
/*index-banner*/
.charityaid{ margin-top: 45px;}
.charityaidlist{ padding: 15px 8px;}
.charityaidlist a{ display: block; float: left; margin-bottom: 5px; margin-right: 7px;}
.charityaidlist a:first-child{ margin-bottom: 0;}
.charityaidlist a:nth-child(4n){ margin-right: 0;}
.charityaidtile{ margin-bottom: 1px;}
.jiuzhulist{ height: 276px;}
.successcaselist{ padding: 40px 30px 20px;}
.successcaselist ul li:nth-child(3n){ margin-right: 24px;}
.successcaselist ul li .listdetailbtn{ background: #ca1818;}
.successcaselist ul li a{ margin-top: 15px;}
.successcaselist ul li{ margin-right: 24px; width: 216px;}
.successcaselist ul li:nth-child(4n){ margin-right: 0;}
.successcaselist .listpro{ width: 216px;height: 170px;}
.successcaselist .listtitle{ width: 196px;}
.columnlists{ border-top: #D3D3D3 solid 1px; margin-top: 45px;}
.politicslaw,.charityinfor,.experienceshar{ width: 305px;}
.politicslaw,.experienceshar{ margin-right: 42px;}
.columnlists .informationlist{ border: none;}
.columnliststitle{ background: none; border: none; border-bottom: #eaf3fc solid 3px; position: relative;}
.columnliststitle .cishanxiangmu{ background: none; color:#ca1818; border-bottom: #ca1818 solid 3px;  position: absolute; bottom: -3px; left: 0;}
.zhegnceico{ width: 27px; height: 27px; background-position: -62px 0; margin-right: 10px; vertical-align: sub;}
.jingyanico{background-position: -62px -42px;}
.zixunzjico{background-position: -62px -82px; vertical-align: middle;}
.missionfr{ width: 320px;}
.missionfl{ width: 647px;}
table th{ color: #ca1818; font-size: 14px;border-bottom: #E2E2E2 solid 1px;padding: 20px 0;}
table td{ color: #7a7a7a; font-size: 12px; border-bottom: #E2E2E2 solid 1px; padding: 15px 0;}
.missiontable{ padding-bottom: 20px;}
.missiontable tr:last-child td{ border-bottom: none;}
.missmap{ height: 455px;}


/*contetnpage*/
.artilcontent >p{ width: 600px; margin: 30px auto;}
.articletext{ color: #8f8e8e;  border-bottom: #E2E2E2 solid 1px; margin: 30px 50px 0; padding-bottom: 30px;}
.articledetail{ margin: 35px 55px 0; border-bottom: #E2E2E2 solid 1px;}
.articledetail span{ color: #ca1818;}
.articledetail p{ line-height: 30px; text-indent: 32px; margin-bottom: 45px;}
.articleslist{ width: 438px; padding-top: 15px;}
.relatedarticles{ padding: 0 60px;}
.articleslist a{ margin-bottom: 20px;}
.articleslist:last-child{ text-align: right; border-left: #E2E2E2 solid 1px;}
.articleslist  abbr{ width: 300px; text-align: left;}


/*applicationprocess*/
.processtext{ border-top: #E2E2E2 solid 1px; padding-top: 30px;}
.processstep{ line-height: 35px;}


/*casedetals*/
#case_1,#case_2{ display: none;}
.casenav{ margin-top: 50px;}
.casenav span{ cursor: pointer; width: 230px; height: 60px; line-height: 60px; background: #d9d9d9; margin-right: 12px;}
.casenav .casedefalut{ background: #fff; border-top: #ca1818 solid 5px; color: #ca1818;}
.essential span{ width: 165px; height: 53px; line-height: 53px; background: #fc7f7f;}
.essentialtext{padding: 14px 30px; line-height: 30px; background: #fff4f4;  margin-left: 10px; width: 74.5%;}
.casepreson{ color: #ca1818; margin-top: 30px;}
.liaojiebtn{ width: 242px; height: 56px; margin-top: 45px;}


/*charitymap*/
.casenavmap{ margin-top: 0;}
.casenavmap span{ width: 100px; height: 40px; line-height: 40px; background: #eee; color: #000; cursor: pointer;}
.casenavmap .casedefalut{ color: #ca1818; background: none;}
.casecontent tr td{ border-top: #E2E2E2 solid 1px; border-right: #E2E2E2 solid 1px; border-bottom: none;}
.casecontent tr td:last-child{ border-right: 0;}
.casecontent tr:first-child th{ border-top: #E2E2E2 solid 1px; border-bottom: none; border-right: #E2E2E2 solid 1px;}
.casecontent tr:first-child th:last-child{ border-right: none;}
.casecontent{ padding-bottom: 50px;}
.casecontent tr:last-child td{ border-bottom: #E2E2E2 solid 1px;}


















